window.onload=function()
{
	banner1();
}
//做小圆点黑图片就跟着动
function banner1()
{
	 var oPlay=document.getElementById('play');
	 var aLi=oPlay.getElementsByTagName('li');
	 var oButton=document.getElementById('button');//获取ID为bottom的标签也就是ul标签
	 var aDiv=oButton.getElementsByTagName('div');//获取ul标签下的所有div标签
	 var now=0;
	 for(var i=0; i<aDiv.length; i++) {//aDiv.length表示div的个数
	 	aDiv[i].index=i;
	 	aDiv[i].onmouseover=function(){
	 		if(now==this.index) return;
	 		now=this.index;//now存储当前是第几个div
	 		tab();
	 	}
	 }
	 function tab(){
	 	for(var i=0; i<aLi.length; i++){
	 		aLi[i].style.display='none';
	 	}
	 	for(var i=0; i<aDiv.length; i++) {
	 		aDiv[i].style.background="#DDDDDD";
	 	}
	 	aDiv[now].style.background='#000000';//指到哪个盒子哪个盒子颜色改变
	 	aLi[now].style.display='block';
	 }
}